@charset "utf-8";

/* 요소(element) 여백 초기화 */
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, #main-tab-contents {
    margin:0;
    padding:0;
}
body { background-color: rgba(243, 238, 238, 0.54); }
#main_body { margin: 0 auto; width: 1200px; height: 1307px; background: rgb(243, 240, 240); -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 30px rgba(0,0,0,.3);
    box-shadow: 0 2px 8px rgba(0,0,0,.3);
}
#head{ margin: 0 auto; width: 100%; height: 175px; }
#logoCanvas { margin: 10 0 10 0; }

/*

                헤드 메뉴바

*/

#headMemuBar {} b
.head_menu_bar, .head_menu_bar ul { list-style:none outside none; margin: 0; padding: 0; }
.head_menu_bar {
        background: url('../image/menu_bg1.png') no-repeat scroll 0 0 transparent;
        clear: both;    
        font-size: 12px;
        height: 58px;
        padding: 0 0 0 9px;
        position: relative;
        width: 1200px;
        float: left;
        iclear: both;
margin-left: 0px;
}
#head_menu_bar ul {
        background-color: #222;
    border:1px solid #222;
    border-radius: 0 5px 5px 5px;
    border-width: 0 1px 1px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    left: -9999px;
    overflow: hidden;
    position: absolute;
    top: -9999px;
    z-index: 2;
    
    
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transition: -moz-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    transition: transform 0.1s linear;
                
}
#head_menu_bar li {
        background: url('../image/menu_line.png') no-repeat scroll right 5px transparent;
    float: left;
    position: relative; 
    width: 160px;
    
}

#head_menu_bar li a {
        color: #FFFFFF;
    display: block;
    float: left;
    font-weight: normal;
    height: 30px;
    padding: 23px 20px 0;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
        
}
#head_menu_bar li:HOVER > a { color: #00B4FF; }
#head_menu_bar li:hover, #head_menu_bar a:focus,
#head_menu_bar a:hover, #head_menu_bar a:active {
        background: none repeat scroll 0 0 #121212;     
        outline: 0 none;
}

#head_menu_bar li:hover ul.sub {
        left: 0;
        top: 53px;
        width: 180px;
        
         -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    
}

.head_menu_bar ul li { background: none;        width: 100%; }
.head_menu_bar ul li a { float: none;   }
#head_menu_bar ul li:hover > a { background-color: #121212;     color: #00B4ff; }
#lavalamp {
        background: url('../image/lavalamp.png') no-repeat scroll 0 0 transparent;
    height: 16px;
    left: 13px;
    position: absolute;
    top: 0px;
    width: 64px;

    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
                
}

#lavalamp:hover {
    -moz-transition-duration: 3000s;
    -ms-transition-duration: 3000s;
    -o-transition-duration: 3000s;
    -webkit-transition-duration: 3000s;
    transition-duration: 3000s;
}

.head_menu_bar li:nth-of-type(1):hover ~ #lavalamp { left: 13px; }
.head_menu_bar li:nth-of-type(2):hover ~ #lavalamp { left: 90px; }
.head_menu_bar li:nth-of-type(3):hover ~ #lavalamp { left: 170px; }
.head_menu_bar li:nth-of-type(4):hover ~ #lavalamp { left: 250px; }
.head_menu_bar li:nth-of-type(5):hover ~ #lavalamp { left: 330px; }
.head_menu_bar li:nth-of-type(6):hover ~ #lavalamp { left: 410px; }
.head_menu_bar li:nth-of-type(7):hover ~ #lavalamp { left: 490px; }
.head_menu_bar li:nth-of-type(8):hover ~ #lavalamp { left: 565px; }
.mainNav { width: 262px; height: 106px; }


/*

    메인 네비게이션 바

  */
#navBoard > div { 
    font-size: 10px; 
    margin-top: 24px; 
    border-radius: 12px;
    height: 999px; width: 182px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);  
    background: #F5F5F4
}
#navBoard > div > p {
    font-size: 12px; 
    padding: 10px; 
    display: inline-block; 
    width: 89%; 
    border-bottom: 1px solid rgb(200, 200, 228);
}
#navBoard > div > p:HOVER { background: rgb(200, 200, 228); }
.navigationLogin > div:first-child { float: left; width: 100px; height: 60px; }
/* Content
 */
.contentDiv { margin: 0 auto; float: right; position: fixed; display: none; top : 0px; left:  32%; z-index: 9000; }
.parsingPage {}
 /* 회원가입 배경 레이어  */
.ui-widget-overlay  { position: absolute; top: 0; left: 0; width: 100%; display:none; z-index:10; background: #aaaaaa ; opacity: .3; }

/* 


        건강기록부, 
        음식/영양, 
        헬스관리,
        위치 표시,
        그룹



*/

/* 

    공통사항
 */
#healthMain-tab-main { width: 100%; height: 98%;        }       
#healthMain-contents {width: 933px; margin: 112px 10px 10px 26px; float: left; height: 915px; box-shadow: 1px 2px rgb(216, 224, 217)}
#tab-main-contents { height: 85%; margin: 1%; width: 95%; }
#tab-main-contents div fieldset { border: 1px solid rgb(184, 175, 175); height: 98%; margin: 10px; overflow-y: auto; overflow-x: hidden;} .ui-state-default ui-corner-top{ background: red;       }

/* 

    헬스관리

 */

#health-human {width: 35%; height: 100%; margin-top: 3%; float:left;}
#gen-selectBtn {width: 90%; height: 10%;  margin: 0 auto; text-align: center;}
#gen-selectBtn button {width: 100px; height: 50px; font-size: 18px;}
#human { background: beige; width: 90%; height: 88%; margin: 1% 5% 5% 5%; }
#human img { width: 279px; height: 100%; }
#health-contact { float: left;  width: 19%; height: 50%; margin-top: 2%;}
#health-list { float: left; width: 46%;height: 50%; margin-top: 2%; }
#health-information {  width: 65%; height: 50%; float: left; }
#health-information fieldset div {width: 100%; height: 51px;  margin-top: 314px;}
#health-information fieldset div input[type='button'] { float: right; width: 100px; height: 34px; margin-right: 38px; }
/*

    요리/음식

*/
#food-navi{width: 29%; height: 100%; float:left;}
#food-navi-sidebar { height: 100% }
#food1 { float: left; width: 150px; height: 50%; }
#food2 { float: left; width: 150px; height: 50%;}
#food3 { float: left; width: 351px; height: 50%;}
#food-information { float: left; width: 651px; height: 49%;}


/*

    각 정보 페이지 
*/
#informationPage { height: 1000px; margin-left: 20px; margin-top: 60px; width: 731px; }


/* 

    건강 기록부

 */
div#healthCareHead {height: 44px; background: #3D6AA2;}
#healthCareHead p{   
	color: #FFFFFF;
    display: block;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    text-indent: -900em;
    text-transform: uppercase;
    width: 170px;
}
#healthCareHead a{line-height: 44px; font-size: 1.00em; font-style: oblique;}
div#healthCareHead div:nth-child(2) {height: 44px; font-size: 13px; }
#right-top { float: left; width: 170px; height: 44px; padding: 0 7px 0 3px; font-size: 13px; color: #FFFFFF; text-align: center}
#right-top > p {height: 44px;}
.home { display: block; outline: none; text-decoration: none; color: #fff; padding: 0 10px; cursor: pointer;}
.home a{ display: block; padding:10px 10px; cursor: pointer; font-style: oblique;}
div#actionHeadBar ul:FIRST-CHILD { float: left; list-style: none; }
div#actionHeadBar ul li {float: left; position: relative; margin-right: 1px; width: 130px; text-align: center;}
.itemBtn { display: block; outline: none; text-decoration: none; color: #fff; background: #355E95; padding: 0 10px; cursor: pointer;}
div#actionHeadBar ul li a span { line-height: 44px; margin-right: 6px; font-size: 1.00em; font-style: oblique;}
.action-right { float: right; list-style: none; }
.action-right li { float: left; position: relative; margin-right: 1px;}
.action-right li a {display: block; outline: none; text-decoration: none; color: #fff; background: #355E95; padding: 0 10px; }
.action-right li a span { line-height: 44px; margin-right: 6px; font-size: .85em;}
div#healthCareNavi {
        padding: 0;
        margin: 0;
        font-size: 11px;
        width: 217px;
        position: absolute;
        top: 45px;
        left: 0;
        background-color: #fff;
        color: #444;
        height: 100%;
}
div#healthCareNavi h3 {color: #333;
        height: 36px;
        line-height: 36px;
        padding: 0 8px;
        font-size: 13px;
        font-weight: normal;
        position: relative;
        cursor: pointer;
        border-bottom: 1px solid #DFDFDF;
}
/*

        건강 기록부 사이드바

*/
div#healthCareNavi > h3 > a { text-decoration: none; font-family: Arial, fantasy}
div#healthCareNavi h3:ACTIVE {color: black; font-weight: bold;}
div#healthCareNavi h3:HOVER { background: #3D6AA2;; }

/*

        건강 기록부  메인컨텐츠 css


 */
div#image > img:HOVER { cursor: pointer; }
div#healthCareContents { margin: 14px 15px 0 232px; position: relative; background: #F6F6F6;height: 581px; opacity: 1; }
div#healthCareContents-sub {width: 1082px; height: 581px; }
#memberDetail > div:first-child { width: 110px; height: 100%; float: left; }
#memberDetail > div:nth-child(2) { width: 85%; float: left; height: 100px; margin-top: 40px; overflow: hidden; }
#memberDetail > div:nth-child(2) > div:first-child {width: 614px; height: 100px; float: left; margin-left: 112px;}
#memberDetail > div:nth-child(2) > div:nth-child(2) {width: 192px;  height: 100%; float: right;}
div#main-scheldular { float: left; width: 1030px; height: 500px; margin-top: 20px; }
div#main-scheldular > div:first-child {width: 512px; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;}
div#main-scheldular > div:nth-child(2) {width: 49%; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;} 
div#main-scheldular > div:nth-child(3) {width: 50%; height: 50%;  float: left;} 

div#main-scheldular > div:nth-child(4) {width: 49%; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;} 
/* 

        건강 기록부 메인화면 식단표 css

 */
#today-food > div {width: 100%; height: 47px; text-align: center; font: bold 16px "Trebuchet MS", Verdana, sans-serif;}
#today-food-table tr:nth-child(2) > td{ border: 1px solid rgb(224, 186, 186);;}

/* 
        건강 기록부 메인화면 운동표        

 */
div#today-sport {overflow-y: scroll;}
div#today-sport > div { height: 404px; width: 100%; height: 47px; font: bold 16px "Trebuchet MS", Verdana, sans-serif; text-align: center;}
div#today-sport > div > table { border: 1px solid black; height: 400px;}

/* 

        건강 기록부 개인 상세정보 페이지

 */
div#privateInformation {margin: 10px;  width: 100%; height: 100%;  }
div#privateInformation > div:first-child {width: 100%; height: 10%; border-bottom: 2px solid #bebdbe;}
div#privateInformation table tr {  border-bottom: 1px dotted #bebdbe;}
div#privateInformation table th { width: 505px; text-align: left; };
div#privateInformation > div span {margin: 39px 0 0 10px; display: inline-block;}
div#privateInformation table tr { height: 50px; }
.privateInformation-table {width: 100%; border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show;}
.private_btnSpan {background-position: right -90px; font-size: 14px; line-height: 35px; font-weight: bold; color: #25272B; margin-left: 30px; padding-right: 30px}

/* 

        건강 기록부 내 운동표  페이지


 */
div#sports-information { margin-top: 33px; width: 484px; height: 559px; float: left;font-family: '돋움',dotum,applegothic,sans-serif; font-size: 12px; line-height: 1.4;}
div#sports-information > div {width: 500px; height: 559px }
div#showping-caption { width: 454px; height: 35px; margin: 0 auto; text-align: center; font-weight: bold; font-size: 14px; border: 1px solid #f7f8f9; border-top: 1px solid #BFC5C5; border-right: 1px solid #BFC5C5;}
div#showping-caption span { margin: 10px; }
div#showping-contents { width: 454px; height: 100%; margin: 0 auto;}
div#showping-contents table { width: 455px; height: 450px; margin: 0 auto;}

div#sports-information > div { width: 500px; height: 559px; margin-top: 34px; }
div#sports-information1 { margin-top: 33px; width: 500px; height: 559px; float: left; font-family: '돋움',dotum,applegothic,sans-serif; font-size: 12px; line-height: 1.4;}
div#sports-information1 > div:first-child {width: 455px; height: 30px; padding: 3px 0 0 0px; border-top: 1px solid #f7f8f9; border-bottom: 1px solid #c6c9cc; }                
div#sports-information1 > div:nth-child(2) {width: 454px;  height: 312px; }
div#sports-information1 > div:nth-child(3) {width: 454px; height: 100px; margin-top: 11px; border: 1px solid #d1d2d2; overflow-x: hidden; overflow-y: auto;}
div#sports-information1 div:nth-child(4) {width: 453px; height: 42px; margin-top: 18px;}
div#sports-information1 div:nth-child(2) dl:first-child { 
    width: 91px;
    height: 97%; 
    background: white; 
    float: left;
    padding: 5px; 
    border-right: 1px solid #d1d2d2; 
    line-height: 18px;
}
div#sports-information1 div:nth-child(2) dl:nth-child(2) {
        width: 90px;
        height: 97%;
        float: left;
        padding: 5px;
        border-right: 1px solid #d1d2d2;
        border-left: 1px solid #d1d2d2;
        line-height: 18px;
}
.sports-list-caption {
    height: 21px;
    padding-top: 5px;
        border-bottom: 1px solid #c6c9cc;
        background: 0 0 no-repeat;
        color: #555;
        font-weight: bold;
        text-align: center;     
        background: #DAE1E9;
    box-shadow: 1px 1px 1px -1px;
        
}
.sports-list:HOVER { background: rgb(233, 233, 238); cursor: pointer;}
.sports-list { margin: 3px;}
.sports-list a { text-decoration: none; color: black;}
dd {}
dd#first {
    width: 97px;
    height: 92%; 
    overflow-x: hidden; overflow-y: auto;
}
dd#two {
    width: 96px;
    height: 92%;
    overflow-x: hidden; overflow-y: auto;
}
dd#three {
        width: 240px;
        height: 92%; 
    overflow-x: hidden; overflow-y: auto;
}
div#sports-information1 div:nth-child(2) dl:nth-child(3) {
        float: left;  
        width: 239px;
        height: 97%; 
        padding: 5px;
        border-right: 1px solid #d1d2d2;
        line-height: 18px;       
} 
div#sports-div-image {float: left; width: 147px;  height: 100%;}
div#sports-div-text {float: left; height: 100px; width: 306px; magin-top: 12px;}

/* 
        건강기록부 내 식단표 페이지

 */
#showping-contents table tr th{ width:100px; background:white; }
#showping-contents table tr td{ border-bottom: 1px solid #c6c9cc; display: inline-block; width: 100%; }
li.append { list-style: none; cursor: pointer; margin: 3px; }
#insertNode > tr:first-child { height: 205px; }
#insertNode tr:first-child td > div{ width: 33.3%; height: 205px; float:left; text-align: center; }
#insertNode tr:nth-child(2) td > div{ width: 100%; height: 205px; }
#insertNode tr:nth-child(2) td > div > div:first-child {width: 300px; height: 100%; background: red; float: left;}
#insertNode tr:nth-child(2) td > div > div:nth-child(2) {width: 151px; height: 100%; background: blue; float: left;} 
.food-list { margin: 5px; }

.slider-li { height: 29.7px; list-style: none; }
.title-slider { float:left; }
.slider { width: 125px; height: 20px; float: left; }
.num { display: inline-block; margin-left: 3px; float:left; }


/*

	관리자 모드 메인 페이지 CSS

*/

div#image > img:HOVER { cursor: pointer; }
#adminMode {
margin: 50px 15px 0 332px;
position: relative;
background: #F6F6F6;
height: 581px;
opacity: 1;
}
div#adminMode-sub {width: 1082px; height: 581px; }
#memberDetail > div:first-child { width: 110px; height: 100%; float: left; }
#memberDetail > div:nth-child(2) { width: 85%; float: left; height: 100px; margin-top: 40px; overflow: hidden; }
#memberDetail > div:nth-child(2) > div:first-child {width: 614px; height: 100px; float: left; margin-left: 112px;}
#memberDetail > div:nth-child(2) > div:nth-child(2) {width: 192px;  height: 100%; float: right;}
div#main-scheldular { float: left; width: 1030px; height: 500px; margin-top: 20px; }
div#main-scheldular > div:first-child {width: 512px; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;}
div#main-scheldular > div:nth-child(2) {width: 49%; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;} 
div#main-scheldular > div:nth-child(3) {width: 50%; height: 50%;  float: left;} 

div#main-scheldular > div:nth-child(4) {width: 49%; height: 49%; float: left; border: 2px solid rgb(119, 119, 233); border-radius: 9px;} 


/*

	관리자 모드 내 회원관리

*/




